import React, { Component } from "react";

class Child1 extends Component {
  // props的默认值是一个固定语法
  // static表示的是类的私有属性(静态属性)
  // static defaultProps = {
  //   name: "tom",
  //   age: 20,
  // };
  render() {
    return (
      <div>
        child1组件 - {this.props.name} - {this.props.age}
      </div>
    );
  }
}
// 构造函数的私有属性等同于直接在这个类上面去挂载属性
Child1.defaultProps = {
  name: "tom",
  age: 20,
};

// 对于函数组件来说，没有static关键字，所以只能在组件上面直接挂载
const Child2 = (props) => {
  return <div>child2组件 - {props.sex}</div>;
};
Child2.defaultProps = {
  sex: "2",
};

class App extends Component {
  render() {
    return (
      <>
        <h2>props的默认值</h2>
        <Child1 age="30" />
        <Child2 />
      </>
    );
  }
}

export default App;
